import React, { PropTypes } from 'react';
import TweenOne from 'rc-tween-one';

import {Icon, Switch, Popover, Table, Button,Select, Modal, Form, Input, message,Radio, Row, Col, DatePicker, Cascader,Upload,} from 'antd';
const FormItem = Form.Item;
const RadioGroup = Radio.Group;
const Option = Select.Option;

import '../../less/info.less';
import '../../less/shops.less';

const areaData = [{
  value: 'shanghai',
  label: '上海',
  children: [{
    value: 'shanghaishi',
    label: '上海市',
    children: [{
      value: 'pudongxinqu',
      label: '浦东新区',
    }],
  }],
}];

class ConsumerOtherInfo extends React.Component {
  constructor(props){
    super(props);
    this.state = {

    }
  }

  componentDidMount(){

  }

  handleUpload(){

  }

  render() {
    const { getFieldProps } = this.props.form;
    return (
      <div className="formContainer" form={this.props.form}>
        <div className="fromHead">
          <span className="title">编辑信息</span>
          <span className="option">
            <span>清空</span>
            <span>保存</span>
            <span>关闭</span>
          </span>
        </div>
        <Form horizontal className="ant-advanced-search-formT">
          <Row>
            <Col sm={24}>
              <FormItem
                label="会员头像"
                labelCol={{ span: 6 }}
                wrapperCol={{ span: 14 }}
              >
                <Upload name="logo" listType="picture">
                   <Button type="ghost">
                     <Icon type="upload" /> 点击上传
                   </Button>
                 </Upload>
              </FormItem>
              <FormItem
                label="性别"
                labelCol={{ span: 6 }}
                wrapperCol={{ span: 14 }}
              >
                <RadioGroup>
                  <Radio key="a" value={1}>男</Radio>
                  <Radio key="b" value={2}>女</Radio>
                </RadioGroup>
              </FormItem>
              <FormItem
                label="生日"
                labelCol={{ span: 6 }}
                wrapperCol={{ span: 14 }}
              >
                <Input placeholder="编号"/>
              </FormItem>
              <FormItem
                label="介绍人"
                labelCol={{ span: 6 }}
                wrapperCol={{ span: 14 }}
              >
                <Input placeholder="请输入状态" size="default" />
              </FormItem>
              <FormItem
                label="介绍人卡号"
                labelCol={{ span: 6 }}
                wrapperCol={{ span: 14 }}
              >
                <Input placeholder="请输入状态" size="default" />
              </FormItem>
            </Col>
          </Row>
        </Form>
      </div>
    )
  }
}

ConsumerOtherInfo = Form.create()(ConsumerOtherInfo);

export default ConsumerOtherInfo;
